$(function(){
	var banner_index = 0, timer;
	
	function changeBanner(){
		clearTimeout(timer);
		
		timer = setTimeout(function(){
			banner_index++;
			total = $('.banner-btn a').length;
			
			if (banner_index >= total) {
				banner_index = 0;
			}
			
			$('.banner-btn a').eq(banner_index).click();
		}, 5000);
	}
	
	$.each($('.banner-img li'), function(i, item){
		$('.banner-btn').append('<a href="javascript:;"></a>');
	});
	
	$('.banner-btn a').click(function(){
		banner_index = $('.banner-btn a').index(this);
		$('.banner-img li, .banner-btn a').removeClass('active');
		$('.banner-btn a').eq(banner_index).addClass('active');
		$('.banner-img li').eq(banner_index).addClass('active');
		changeBanner();
	});
	
	$('.banner').hover(function(){
		clearTimeout(timer);
		$('.banner-page').show();
	}, function(){
		changeBanner();
		$('.banner-page').hide();
	});
	
	$('.banner-page .prev').click(function(){
		banner_index--;
		total = $('.banner-btn a').length;
		
		if (banner_index < 0) {
			banner_index = total-1;
		}
		$('.banner-btn a').eq(banner_index).click();
	});
	
	$('.banner-page .next').click(function(){
		banner_index++;
		total = $('.banner-btn a').length;
		
		if (banner_index >= total) {
			banner_index = 0;
		}
		$('.banner-btn a').eq(banner_index).click();
	});
	
	$('.banner-btn a').eq(0).click();
});